{{ define "main" }}
<section class="section container-fluid mt-n3 pb-3">
  <div class="row justify-content-center">
    <div class="col-lg-12 text-center">
      <h1 class="mt-0">{{ .Title }}</h1>
    </div>
    <div class="col-lg-9 col-xl-8 text-center">
      <p class="lead">{{ .Params.lead | safeHTML }}</p>
      <a class="btn btn-primary btn-lg px-4 mb-2" href="/integration/prologue/get-started/" role="button">Get Started</a>
      <p class="meta">Open-source Apache 2.0 Licensed. <a href="https://github.com/authelia/authelia">GitHub v{{ $.Site.Data.misc.latest }}</a></p>
    </div>
  </div>
</section>
{{ end }}

{{ define "sidebar-prefooter" }}
<div class="d-flex justify-content-start mb-3">
  <div class="bg-dots"></div>
</div>

  {{ if eq $.Site.Language.LanguageName "English" }}
  <section class="section section-sm">
    <div class="container">
      <div class="row justify-content-center text-center">
        <div class="col-lg-5">
          <h2 class="h4">Lightweight 🪶</h2>
          <p>With a compressed container size smaller than 20 megabytes and observed memory usage normally under 30 megabytes, it's one of the most lightweight solutions available.</p>
        </div>
        <div class="col-lg-5">
          <h2 class="h4">Blazing Fast ⚡</h2>
          <p>Written in <a href="https://golang.org/" target="_blank">Go</a> and <a href="https://reactjs.org/" target="_blank">React</a>, authorization policies and many other backend tasks are completed in mere milliseconds and login portal loading times of 100 milliseconds makes it one of the fastest solutions available.</p>
        </div>
        <div class="col-lg-5">
          <h2 class="h4">Efficient ♻</h2>
          <p>Processors can use a lot of electricity, but when idle usage is basically so low that you can't measure it, and active usage in a small business environment being under 1% you can rest easy (with the exclusion of password hashing).</p>
        </div>
      </div>
      <div class="row justify-content-center text-center">
        <div class="col-lg-5">
          <h2 class="h4">Security by Design 🔒</h2>
          <p>Not just another IAM portal, <a href="./overview/security/introduction/">security</a> is heavily considered as part of our design process.</p>
        </div>
        <div class="col-lg-5">
          <h2 class="h4">Login Regulation 🛡️</h2>
          <p>Prevent brute force login attempts by only allowing a <a href="./overview/authorization/regulation/">certain number of logins</a> before the user is locked for a period.</p>
        </div>
        <div class="col-lg-5">
          <h2 class="h4">Password Reset 📧</h2>
          <p>In-built support for users to reset their LDAP or internal passwords with email validation right from the web interface.</p>
        </div>
      </div>
      <div class="row justify-content-center text-center">
        <div class="col-lg-5">
          <h2 class="h4">Single Sign-On 🎟️</h2>
          <p>Allow your users the convenience of just being required to login once to a wide range of web applications via a session cookie, <a href="./overview/authorization/openid-connect-1.0/">OpenID Connect 1.0</a>, or <a href="./overview/authorization/trusted-headers/">Trusted Headers</a>.</p>
        </div>
        <div class="col-lg-5">
          <h2 class="h4">Authorization Policies 👮</h2>
          <p>Control which users and groups have access to which specific resources or domains with incredibly <a href="./overview/authorization/access-control/">granular policy definitions</a>.</p>
        </div>
        <div class="col-lg-5">
          <h2 class="h4">Identity Validation ✔</h2>
          <p>Users who have not configured a second-factor device are required to validate their identity via an email reducing the chance an attacker could exploit a lazy user.</p>
        </div>
      </div>
      <div class="row justify-content-center text-center">
        <div class="col-lg-5">
          <h2 class="h4">Scalability ⚙</h2>
          <p>Designed with high availability in mind, deployment options exist to easily allow multiple parallel containers on lifecycle management platforms like Kubernetes.</p>
        </div>
        <div class="col-lg-5">
          <h2 class="h4">Multi-Factor Authentication 🗝️</h2>
          <p>Support for multiple second-factor methods including <a href="./overview/authentication/one-time-password/">One Time Passwords</a>, <a href="./overview/authentication/push-notification/">Mobile Push Notifications</a>, and <a href="./overview/authentication/security-key/">WebAuthn</a>.</p>
        </div>
        <div class="col-lg-5">
          <h2 class="h4">Intuitive User Interface 💡</h2>
          <p>The login portal is super straight forward and the workflow is completely transparent to your users.</p>
        </div>
      </div>
    </div>
  </section>
  {{ end }}
{{ end }}

{{ define "sidebar-footer" }}
<div class="d-flex justify-content-end mt-5">
  <div class="bg-dots"></div>
</div>

{{ partial "main/support.html" . -}}

<section class="section section-sm mt-3 pt-3">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-12 col-lg-10 col-xl-8">
        <h2 class="h3 mt-3 text-center">Latest from the Authelia blog</h2>
        <div class="card-list">
          {{ range first 3 (where .Site.RegularPages.ByDate.Reverse "Section" "blog")  -}}
          <div class="card">
            <div class="card-body">
              <h3><a class="stretched-link text-body" href="{{ .RelPermalink }}">{{ .Params.title }}</a></h3>
              <p>{{ .Params.lead | safeHTML }}</p>
              {{ partial "main/blog-meta.html" . -}}
            </div>
          </div>
          {{ end -}}
        </div>
      </div>
    </div>
  </div>
</section>

<section class="section section-sm container-fluid">
  <div class="row justify-content-center text-center">
    <div class="col-lg-9">
      {{- .Content -}}
    </div>
  </div>
</section>
{{ end }}
